<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style lang="scss">
.app-container {
  height: 100%;
}
.queryForm {
  .el-select .el-input {
    width: 100px;
  }
}

.el-table {
  &.dense-table {
    th,
    td {
      padding: 3px 0 !important;
    }
  }

  // height: calc(100vh - 270px);
  .el-table__body-wrapper {
    overflow: auto;
    height: 100%;
    padding: 0 13px 30px 0;
  }
}

// @media screen and (max-width: 1214px) {
//   .app-container {
//     .el-table {
//       height: calc(100vh - 330px);
//     }
//   }
// }
.main-container {
  height: 100%;
  .hasTagsView .app-main {
    height: calc(100vh - 84px);
  }
}

//滚动条样式

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(144, 147, 153, 0.3);
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(144, 147, 153, 0.5);
}

.el-form-item--mini.el-form-item {
  margin-bottom: 10px;
}
.el-drawer__header {
  margin-bottom: 0;
}
.el-form-item--small.el-form-item {
  margin-bottom: 10px;
}
.info-container {
  padding: 20px 40px;
  display: flex;
}

.detail-drawer {
  color: #606266;
  height: 100vh;
  overflow: auto;
  ::v-deep .el-drawer__body {
    height: 100%;
    overflow: auto;
  }

  @media screen and (min-width: 0px) {
    .info-group-header {
      border-left-color: #409eff;
      border-left-width: 5px;
      border-radius: 3px;
      border-left-style: solid;
      padding-left: 6px;
    }
    .info-item {
      margin: 15px;
      .info-label {
        display: inline-block;
        min-width: 100px;
        text-align: right;
        margin-right: 5px;
        font-weight: bold;
        color: #303133;
      }
      &.inline {
        display: inline-block;
        width: 40%;
        margin: 0px;
        margin-right: 15px;
      }
    }
  }
  @media screen and (max-width: 1366px) {
    .el-drawer__body {
      h3 {
        margin: 10px 0;
      }
    }
    .info-group-header {
      border-left-color: #409eff;
      border-left-width: 5px;
      border-radius: 3px;
      border-left-style: solid;
      padding-left: 6px;
      margin: 10px 0;
    }
    .info-item {
      margin: 10px 15px;

      font-size: 14px;
      .info-label {
        display: inline-block;
        min-width: 100px;
        text-align: right;
        margin-right: 5px;
        font-weight: bold;
        color: #303133;
      }
      &.inline {
        display: inline-block;
        width: 40%;
        margin: 0px;
        margin-right: 15px;
      }
    }
  }
}
// .el-form-item__content {
//   .el-button:nth-child(odd):last-child {
//     background: red;
//   }
// }
.el-table .el-table__body-wrapper {
  padding: 0 !important;
}
.el-tree {
  overflow: auto;
  max-height: calc(100vh - 120px);
  box-shadow: 0 2px 9px 0 rgb(0 0 0 / 10%);
}
.el-tree-node {
  min-width: 100%;
  width: fit-content;
}

.el-table__header {
  width: 100% !important;
}
.el-table__body {
  width: 100% !important;
}
</style>
